﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Checkout.aspx.cs" Inherits="InhollandAir.Checkout" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>InhollandAir - Checkout</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="description" content="" />
	<meta name="keywords" content="" />
    <link href="//fonts.googleapis.com/css?family=Open+Sans:300,800" rel="stylesheet" type="text/css" />
	<link href="//fonts.googleapis.com/css?family=Oleo+Script" rel="stylesheet" type="text/css" />
	<script src="css/5grid/jquery.js"></script>
	<script src="css/5grid/init.js?use=mobile,desktop,1000px&amp;mobileUI=1&amp;mobileUI.theme=none&amp;mobileUI_titleBarOverlaid=1&amp;mobileUI_titleBarHeight=60&amp;viewport_is1000px=1060&amp;mobileUI_openerWidth=80"></script>
    <noscript>
		<link rel="stylesheet" href="css/5grid/core.css" />
		<link rel="stylesheet" href="css/5grid/core-desktop.css" />
		<link rel="stylesheet" href="css/5grid/core-1200px.css" />
		<link rel="stylesheet" href="css/5grid/core-noscript.css" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/style-desktop.css" />
	</noscript>
	<!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
	<!--[if lte IE 7]><link rel="stylesheet" href="css/ie7.css" /><![endif]-->
</head>
	<body class="right-sidebar">
        <form id="form1" runat="server">
		<!-- Header Wrapper -->
			<div id="header-wrapper">
				<div class="5grid-layout">
					<div class="row">
						<div class="12u">
							<!-- Header -->
							<header id="header">
								<!-- Logo -->
								<div id="logo">
									<h1><a href="#">InhollandAir</a></h1>
									<span>Where the sky is no limit!</span>
								</div>
								<!-- Nav -->
								<nav id="nav">
									<ul>
										<li><a href="Default.aspx">InhollandAir</a></li>
										<li><a href="PlanBook.aspx">Plan and Book</a></li>
										<li><a href="Corporate.aspx">Corporate</a></li>
										<li><a href="Login.aspx">My Air</a></li>
                                        <li><asp:LinkButton ID="lbLogout" OnClick="Logout" runat="server">Logout</asp:LinkButton></li>
									</ul>
								</nav>
							</header>
						</div>
					</div>
				</div>
			</div>
		
		<!-- Main Wrapper -->
			<div id="main-wrapper">
				<div class="5grid-layout">
					<div class="row">
						<div class="8u">

							<!-- Content -->
								<div id="content">
									<article class="last">

										<h2>Payment</h2>

										<p>The final step in your ordering process. Do not forget to use your InhollandAir Miles (IHM) to save money!</p>
        
										<h3>Make your selection below</h3>
                                        <table>
                                            <tr>
                                                <td>Current balance</td>
                                                <td><asp:Label runat="server" ID="lblCurrentBalance"></asp:Label></td>
                                            </tr>
                                            <tr>
                                                <td>Exhange rate: 1 IHM saves you</td>
                                                <td><asp:Label runat="server" ID="lblExchangeRate"/></td>
                                            </tr>
                                            <tr>
                                                <td>Amount of IHM to use</td>
                                                <td><asp:DropDownList runat="server" ID="ddlMilesSelection" AutoPostBack="True"/></td>
                                            </tr>
                                            <tr>
                                                <td>You saved</td>
                                                <td><asp:Label runat="server" ID="lblMoneySaved"></asp:Label></td>
                                            </tr>
                                            <tr>
                                                <td>Total due</td>
                                                <td><asp:Label runat="server" ID="lblTotalDue"></asp:Label></td>
                                            </tr>
                                            <tr>
                                                <td>Due date</td>
                                                <td><asp:Label runat="server" ID="lblDueDate"></asp:Label></td>
                                            </tr>
                                            <tr>
                                                <td>Payment reference</td>
                                                <td><asp:Label runat="server" ID="lblPaymentReference"></asp:Label></td>
                                            </tr>
                                        </table>
                                        <p>Accepted payment methods: Bank transfer, Credit Card, PayPal, Google Checkout and iDeal.<br/>
                                            Click "Finish" to see your payment reference and finalize your booking.
                                        </p>
                                        <asp:Button runat="server" ID="btnFinishCheckout" CssClass="button button-icon" Text="Finish" OnClick="BtnFinishCheckoutClick"/>
									</article>
								</div>

						</div>
					</div>
				</div>
			</div>

		<!-- Footer Wrapper -->
			<div id="footer-wrapper">
			    <footer id="footer" class="5grid-layout">
				    <div class="row">
					    <div class="3u">
						    <!-- Links -->
							<section>
								<h2>Industry News</h2>
                                <ul class="style2">
                                	<li><a href="#">• Stocks Air Indonesia drop 29%</a></li>
									<li><a href="#">• Helsinki opens third airport</a></li>
									<li><a href="#">• Fokker show A380 competitor</a></li>
									<li><a href="#">• Boeing battery issues finally solved?</a></li>
									<li><a href="#">• Former captain turns whistleblower</a></li>
								</ul>
							</section>
					    </div>
					    <div class="3u">
						    <!-- Links -->
							<section>
								<h2>Latest offers</h2>
								<ul class="style2">
									<li><a href="#">• Rio de Janeiro</a></li>
									<li><a href="#">• Moscow</a></li>
									<li><a href="#">• New York</a></li>
									<li><a href="#">• Eastern Island</a></li>
									<li><a href="#">• Tokyo</a></li>
								</ul>
							</section>
					    </div>
					    <div class="3u">
						    <!-- Links -->
					    </div>
					    <div class="3u">
						    <!-- Contact -->
							<section class="widget-contact last">
								<h2>Contact Us</h2>
								<ul>
									<li><a href="http://twitter.com/" class="twitter">Twitter</a></li>
									<li><a href="http://facebook.com/" class="facebook">Facebook</a></li>
									<li><a href="https://plus.google.com/" class="googleplus">Google+</a></li>
								</ul>
								<p>Bergerweg 200 #A323<br />
								1817MN, Alkmaar<br />
								+31(0)72-1234567</p>
							</section>
					    </div>
				    </div>
				    <div class="row">
					    <div class="12u">
						    <div id="copyright">
							    &copy; InhollandAir. All rights reserved. | Images through: <a href="Default.aspx">InhollandAir Group Photography</a> | Design by: <a href="#">Jens Kloes & Michael Vlaar</a>
						    </div>
					    </div>
				    </div>
			    </footer>
			</div>
        </form>
	</body>
</html>
